The HotDog Editor

 

Easy and Powerful Editing

Daunting and complex tasks are easy with the powerful functionality of HotDog Pro 6. Everything you need to efficiently develop spectacular webpages has been provided, including:

HotDog Pro 6 has also been designed so that you can ensure the quality of your websites. Within HotDog Pro 6 we have provided facilities to check and edit the spelling, syntax, links, resources, and accessibility of all your webpages.

As you type, if you make any syntax errors, HotDog Pro 6 will notify you immediately and show you what part of your code is incorrect. You can also specify which syntax files will be recognized in your work. HotDog Pro 6 uses several syntax files to validate any code you create. These syntax files are separated by versions and browser support. This is particularly useful if you want to design your pages so that they are compatible with different browsers. Our HTML Property Sheet also displays the properties and HTML specification of each tag, making it very simple for you to ensure browser compatibility and correctness whilst editing.

The Editor

Each document in HotDog Pro is opened and edited with the editor. Usually editors are only given brief consideration by users because, by all outward appearances, they appear the same.

The HotDog editor is deceptively powerful. As well as many convenient editing features (such as text collapsing for increased readability and productivity, shortcut key creation for greater speed, word wrapping, accurate line numbering, built-in thesaurus, etc.), the HotDog editor also supports the following great features:

  1. Split-View Editing

  2. Multiple Web Coding Languages

  3. Code Completion and Tooltips

  4. Document Properties and Document Information Formatting

  5. Enhanced Font and Paragraph Formatting, including support of Multi-Lingual Characters and Proportional Fonts

  6. Multimedia Manager

  7. Image Optimization and Processing

  8. Preference Editing

Split-View Editing

HotDog Pro has a useful 3-view editing feature. This means whilst editing you can:

  1. view the HTML code of the document you are editing in the editing window;

  2. preview your webpage using live document rendering in the ROVER view (Real-time Output ViewER);

  3. view the HTML code of another open document (or the same document!) in an additional editing window simply by clicking Button to Open a Document in a Second Window..

The additional editing window makes comparing the code in different documents or within the same document a simple matter. Copying and pasting between different documents or within the same document is also easy.

Buttons, URL field and ruler in the ROVER view.

The ROVER view is HotDog Pro's own internal browser, which means that as you edit you can preview the way your webpage would actually look on the internet. The more common WYSIWYG (What You See Is What You Get) approach in many webpage programs tend to hide the HTML code from authors, leading them to believe that what they see is what their audience will see, which is often not the case. Professional webmasters know that live document rendering gives them full control over their source code while still providing them with an authentic visual representation of their web page in real-time.

You even have the option of turning ROVER off, and previewing your webpages externally - simply click on Preview Button in the File toolbar and select the browser of your choice. This is especially useful for ensuring compatibility between different browsers. (HotDog Pro searches for and automatically installs any external browsers it finds on your system when you start HotDog Pro for the first time.)

Multiple Web Coding Languages

Gun Coders don’t just use HTML these days. As such, HotDog Pro 6 provides native text editing support for the most popularly used languages in modern web design. In particular, the HotDog editor supports:

Code Completion and Tooltips

So that you can edit your code as quickly and efficiently as possible, HotDog Pro can provides you with code completion and tooltip help for colors, images, tags and syntax errors .

Code completion is a useful tool that gives you a quick way of inserting tags and attributes. Because HotDog knows the entire HTML, CSS, ASP, JavaScript and VBScript specifications, it can present you with all the possible attributes for each tag while you edit and, where possible, the values that are associated with each tag.

By placing your cursor over different parts of your code, popup information (tooltips) appears about that part of the code and will even let you know if there is any unrecognized/incorrect code. By moving your cursor over color codes, an image of the color appears so that you know exactly what color you have specified in your document. This is also the case with images - by placing your cursor over your image code a small version of the image appears so that you know exactly which image has been inserted into your code.

Document Properties and Document Information Formatting

So that you can optimize your webpages for the Internet, the HotDog editor allows you to specify the properties and information of each individual document from the Format toolbar. The Document Properties dialog allows you to select a style sheet, change the colors of the text and links, add a background color or background image. You can also see how large your document is (including images) and how long it would take to download under different modem speeds.

The Document Information dialog provides enhanced support for meta tags, automatic repetition of keywords in upper and lower case, keyword file saving for later use, making it easy to optimize your webpages for inclusion in search engines.

Enhanced Font and Paragraph Formatting, including support of Multi-Lingual Characters and Proportional Fonts

In addition to cascading style sheet integration, HotDog Pro now gives you the power of using style tags or inline styles to format your characters and paragraphs. The new Font and Paragraph dialogs allow you to specify all the style properties of your fonts, paragraphs, lists, borders and backgrounds in such a manner that controlling the appearance of your webpages easier than ever before. For greater flexibility, HotDog Pro also supports multi-lingual characters and all proportional fonts.

Multimedia Manager

Webmasters rapidly collect large amounts of media files that they use throughout their sites. The Multimedia Manager is a particularly useful tool that brings HotDog-based control to large groups of multimedia. Using the Multimedia Manager you can quickly preview a directory of images, animations or sounds and insert them into your webpage. This is useful when you have to find a single image or sound among an entire directory of them. An additional thumbnail component guides you through the involved process of creating and inserting an image thumbnail table

Image Optimization and Processing

Because a visitor has to download every one of your images to correctly view your webpage, image optimization and processing is of paramount importance. HotDog Pro allows you to edit and optimize all your images for the web, including :

Preference Editing

HotDog Pro allows you to specify your preferences in all aspects of using the program - simply select Preferences on the Edit menu. In relation to editing you can specify: